﻿body {
    font-family:Arial, VNI-Helve, sans-serif;
    margin:0;
    width:100%;
    background:-webkit-linear-gradient(top,#806e50,#fff);/*Chrome & Safari*/
	background:-moz-linear-gradient(top,#806e50,#fff);/*Fire Fox*/
	background:-ms-linear-gradient(top,#806e50,#fff);/*IE*/
	background:-o-linear-gradient(top,#806e50,#fff);/*OPERA*/
    background-repeat:no-repeat;
}
#main {
    width: 760px;
    margin:0 auto;
    border:outset;
    background-color:skyblue;
}
.over {
    overflow: hidden;
}
#text {
    margin-top:0px;
    width:760px;
    height:100px;
    text-align:center;
    background:url("../img/img.jpg") no-repeat;
}
#picture {
    background:url("../img/img1.jpg") no-repeat;
    margin: 10px;
    width:100px;
    height:100px;
    position:absolute;
    border-bottom-left-radius:10px;
}
#body {
    width: 760px;
    margin:0;
}
#body_left {
    width:130px;
    height:350px;
    float:left;
    margin:0 auto;
}
#body_center {
    width:490px;
    height:350px;
    margin: 0 auto;
    float:left;
    position:relative;
    border:outset;
    background-color:white;
}
#body_right {
    width:130px;
    height:350px;
    float:left;
}
#number {
    width:220px;
    height:130px;
    border:outset;
    margin:10px 10px 10px 250px;
}
#number1 {
    width:150px;
    float:left;
    margin-top:5px;
}
#number2 {
    width:50px;
    float:left;
    margin:10px 10px 10px 0px;
}
#bank {
    text-align:center;
    margin:30px;
}
#button1 {
    height:40px;
    width:80px;
    margin: 180px 0px 25px 30px;
}
#button2 {
    height:40px;
    width:80px;
    margin: 0px 0px 25px 30px;
}
#button3 {
    height:40px;
    width:80px;
    margin-left:30px;
}
#button4 {
    height:40px;
    width:80px;
    margin: 180px 0px 25px 30px;
}
#button5 {
    height:40px;
    width:80px;
    margin: 0px 0px 25px 30px;
}
#button6 {
    height:40px;
    width:80px;
    margin-left:30px;
}
#enter {
     height:30px;
    width:60px;
    margin-bottom:10px;
}
#reset {
     height:30px;
    width:60px;
    margin-bottom:10px;
}
#cancel {
     height:30px;
    width:60px;
    margin-bottom:10px;
}
h1 {
    color: blue;
}
#cash {
    float:right;
    width:100px; 
    margin-bottom:25px;
    margin-top:145px;  
}
#cash1 {
    height:30px;
    width:80px;
    margin-bottom:25px;
    background-color:skyblue;
    border:ridge;
    text-align:center;
}
#cash2 {
    height:30px;
    width:80px;
    border:ridge;
    background-color:skyblue;
    text-align:center;
}
#rule {
    float:left;
    margin-top:40px;
    margin-left:100px;
}
#account {
    float:left;
    margin-left:60px;
    margin-top:40px;
}
#note {
    float:left;
    margin-left:95px;
    margin-top:70px;
}
#account1 {
    float:left;
    margin-left:60px;
    margin-top:10px;
}
#diary {
    float:left;
    margin-left:58px;
    margin-top:10px;
}
#cash_receive {
    float:right;
    width:100px; 
    margin-bottom:25px;
    margin-top:27px;  
}
#cash_receive1 {
    height:30px;
    width:80px;
    margin-bottom:25px;
    background-color:skyblue;
    border:ridge;
    text-align:center;
}
#cash_receive2 {
    height:30px;
    width:80px;
    border:ridge;
    background-color:skyblue;
    text-align:center;
}
#amount {
    float:left;
    margin-left:80px;
    margin-top:40px;
}
#note_amount {
    float:left;
    margin-left:170px;
    margin-top:70px;
}
#account_information {
    float:left;
    margin-left:60px;
    margin-top:10px;
}
#diary_information {
    margin-top:120px;
    margin-left:50px;
}
#cash_information {
    float:right;
    width:100px; 
    margin-bottom:28px;
    margin-top:0px;  
}
#success {
    float:left;
    margin-left:130px;
    margin-top:20px;
    text-align:center;
}
#diary_success {
    margin-top:150px;
    margin-left:50px;
}
#cash_success {
    float:right;
    width:100px; 
    margin-bottom:28px;
    margin-top:10px;  
}
#accountexit {
    float:left;
    margin-left:80px;
    margin-top:50px;
    text-align:center;
}
#note_accountexit {
    float:left;
    margin-left:170px;
    margin-top:70px;
}

